「Notion Slides」でNotionのページを1クリックでスライド表示する（ブラウザ拡張機能）

Notionのページをブラウザ上でスライド表示する拡張機能「Notion Slides」を試してみました。

#Firefox

#Notion

#Google Chrome

#Chrome拡張機能

藤井元貴

2020.08.14

この記事は公開されてから1年以上経過しています。情報が古い可能性がありますので、ご注意ください。

Notionを使うと、メモ・ドキュメント・プロジェクト計画・タスク管理・議事録などを一纏めで管理できます。使い方次第でいろんな事ができます。

そんなNotionのページを簡単なスライドとして表示できる拡張機能を発見したので使ってみました。簡単なスライドを作るとき、だいたい下記になると思いますが、Notionで完結するのです。

PowerPointやKeynoteの起動がめんどくさい
Goodleスライドでも良いけどマークダウンで書きたい
マークダウンをスライド化するサービスで作成（or コピペ）するのがめんどくさい

Notion Slides

拡張機能はChromeとFirefoxがあります。

使い方

Notionのページを開き、ブラウザの拡張機能にあるボタンを押すだけです。

スライド表示された様子

各スライドのスクリーンショットを1つの画像にまとめました。

Notionのテキストページの様子

全画面表示やダークモード表示も可能

右上にあるPresentボタンを押せば全画面で表示されます。月ボタンを押せばダークモード表示もできます。

ページの概念

デモページ兼ドキュメントにも記載があるとおり、スライドは縦横の2次元で配置されています。そのため、縦区切りと横区切りの分かれ方に慣れるともっと仲良くできます。

横区切り： h1や/Devider (---)
縦区切り： h2や-

すべてh1なら、横区切り（横移動）だけになる

テキストはこちら（折りたたみ）

# これはh1です

- 巻雲
- 巻積雲
- 巻層雲

# これはh1です

- 高積雲
- 高層雲

# これはh1です

- 乱層雲
- 層積雲
- 層雲

# これはh1です

- 積雲
- 積乱雲

h1が無いなら、横区切り（横移動）だけになる

テキストはこちら（折りたたみ）

## これはh2です

- もうかりまっか
- ぼちぼちでんな～

## これはh3です

- 金
- 銀
- 財宝

## これはh2です

### これはh3です

- 大根
- たまご

### これはh3です

- ちくわ
- ちくわぶ

## これはh2です

- はんぺん

### これはh3です

- さつま揚げ
- じゃがいも

### これはh3です

- こんにゃく
- もち巾着

h1が1つだけなら、縦区切り（縦移動）だけになる

先ほどのテキストの先頭にh1を追加しただけです。

テキストはこちら（折りたたみ）

# これはh1です

## これはh2です

- もうかりまっか
- ぼちぼちでんな～

## これはh3です

- 金
- 銀
- 財宝

## これはh2です

### これはh3です

- 大根
- たまご

### これはh3です

- ちくわ
- ちくわぶ

## これはh2です

- はんぺん

### これはh3です

- さつま揚げ
- じゃがいも

### これはh3です

- こんにゃく
- もち巾着

h1が複数なら、縦横区切り（縦横移動）が混在する

テキストはこちら（折りたたみ）

# This is h1

- こんにちは
- こんばんは
- おはようございます

# This is h1

- これ
- それ
- あれ
- どれ

# This is h1

- h1で横方向が分かれるらしい

## これはh2です

- もうかりまっか
- ぼちぼちでんな～

## これはh3です

- 金
- 銀
- 財宝

## これはh2です

### これはh3です

- 大根
- たまご

### これはh3です

- ちくわ
- ちくわぶ

## これはh2です

- はんぺん

### これはh3です

- さつま揚げ
- じゃがいも

### これはh3です

- こんにゃく
- もち巾着

# これはh1です

- おでん
- ゆでん